@import '../style/vars.css';

.scrollbar {
    @apply -absolute -transition-opacity;
    opacity: var(--scrollbar-opacity);
    background: var(--scrollbar-bg);
    box-shadow: var(--scrollbar-shadow);
    transition-duration: var(--scrollbar-duration);
}
.scrollbar-hover .scrollbar {
    @apply -opacity-0;
}
.scrollbar-hover:hover .scrollbar {
    opacity: var(--scrollbar-opacity);
}
.scrollbar:hover,
.scrollbar.is-dragging {
    opacity: 1!important;
}
.scrollbar-bar {
    @apply -absolute;
    background: var(--scrollbar-bar-bg);
    border-radius: var(--scrollbar-radius);
}
.scrollbar-bar:hover {
    background: var(--scrollbar-hover-bg);
}
.is-dragging > .scrollbar-bar {
    background: var(--scrollbar-drag-bg);
}
.is-horz > .scrollbar-bar {
    @apply -h-full -z-20;
}
.is-vert> .scrollbar-bar {
    @apply -w-full -z-20;
}
